import { defineConfig, presetUno, presetWind, presetIcons, transformerVariantGroup } from 'unocss'

export default defineConfig({
    presets: [
        presetUno(),
        presetWind(),
        presetIcons({
            extraProperties: {
                display: 'inline-block',
                'vertical-align': 'middle'
                // ...
            }
        })
    ],
    shortcuts: {
        'f-center': 'flex items-center justify-center',
        'fc-center': 'flex flex-col items-center justify-center',
        'fx-center': 'flex justify-center',
        'fy-center': 'flex items-center'
    },
    transformers: [transformerVariantGroup()],
    content: {
        pipeline: {
            include: [
                './index.html',
                './src/**/*.{vue,jsx,tsx}',
                './node_modules/primevue/**/*.{vue,js,ts,jsx,tsx}'
            ]
        }
    }
})
